<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <link rel="shortcut icon" href="../../../extends/img/favicon.ico" />
    <!-- Loading Bootstrap -->
    <link href="../../../extends/css/main.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../../../assets/html5shiv.min.js"></script>
    <script src="../../../assets/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var require = {
            "config": {
                "site": {
                    "name": "xshop",
                    "cdnurl": "../../../",
                    "version": "1.0.0",
                },
                "upload": {
                    "cdnurl": "./",
                },
                "modulename": "biz",
                "controllername": "order",
                "actionname": "orderDetail",
                "jsname": "main/js/biz/order",
                "moduleurl": "./",
                "language": "zh-cn",
                "referer": null
            }
        };
    </script>
    <!-- /js自定义 -->
    <style type="text/css">
    	.form-group label {
    		padding-top: 0 !important;
    	}
    </style>
</head>

<body>
<!-- 页面容器-->
<div class="page-container">
    <!-- 页面内容 -->
    <div class="page-content">
        <!-- Main content -->
        <div class="content-wrapper">
            <!-- Page header -->
            <div class="page-header page-header-default border-bottom-lg border-bottom-teal">
                <div class="page-header-content">
                    <div class="page-title">
                        <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-bold">订单管理</span> - 订单列表</h4>
                    </div>
                </div>

                <div class="breadcrumb-line">
                    <ul class="breadcrumb">
                        <li><a href="/main/welcome.html"><i class="icon-home2 position-left"></i>首页</a></li>
                        <li>订单管理</li>
                        <li>订单列表</li>
                        <li class="active">订单详情</li>
                    </ul>
                </div>
            </div>
            <!-- /page header -->

            <!-- Content area -->
            <div class="content">
                <div class="panel panel-white">
                    <div class="panel-heading">
                        <h5 class="panel-title"><i class="icon-volume-medium position-left"></i>订单详情</h5>
                        <div class="heading-elements">
                            <ul class="icons-list">
	                            <li><a data-action="reload" data-fnReload="refreshData"></a></li>
	                            <li><a data-action="collapse"></a></li>
                            </ul>
                        </div>
                    </div>

	                <div class="panel-body">
	                    <form class="form-horizontal" action="#" id="orderDetail">
	                    	<input type="hidden" name="id">
	                    	<fieldset>
                            <legend><i class="icon-grid6"></i> 基本信息</legend>
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3 text-right">
	                                订单编号：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{orderId}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3 text-right">
	                                下单人：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{member.nickName}}
	                            </div>
	                        </div>
	
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3 text-right">
	                                下单时间：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{orderTime}}
	                            </div>
	                        </div>
	
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                                订单状态：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{state}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	支付方式：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{payType}}
	                            </div>
	                        </div>
	
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                                配送方式：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{deliveryMethod}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	付款时间：
								</label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                            	{{payTime}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	发货时间：
								</label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                            	{{deliveryTime}}
	                            </div>
	                        </div>
	                        
	                        </fieldset>
	
							<fieldset v-if="address">
                            <legend><i class="icon-grid6"></i> 收货人信息</legend>
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                                收货人：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                 {{address.consignee}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	手机号码：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{address.mobile}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-4 col-sm-4 col-md-4 col-lg-4" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	邮政编码：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{address.zipCode}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-8 col-sm-8 col-md-8 col-lg-8" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	收货地址：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{address.addressDetail}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	电话号码：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{address.phone}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6" v-if="address">
	                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
	                            	电子邮件：
	                            </label>
	                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
	                                {{address.email}}
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12" v-if="address">
	                            <label class="control-label col-xs-2 col-sm-2 col-md-1 col-lg-1 text-right">
	                            	备注：
	                            </label>
	                            <div class="col-xs-9 col-sm-9 col-md-10 col-lg-10">
	                                {{address.remark}}
	                            </div>
	                        </div></fieldset>
	
                            <!-- <legend><i class="icon-grid6"></i> 其他信息</legend> -->
                            <fieldset v-for="sku in skuList">
	                            <legend><i class="icon-grid6"></i> 商品信息</legend>
	                            <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	票务类型：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{sku.ticketName}}
		                            </div>
		                        </div>
		                        
		                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	票务价格：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                <s>{{sku.unitPrice}}</s> {{sku.salePrice}}
		                            </div>
		                        </div>
		                        
		                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	开门时间：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{sku.openTime}}
		                            </div>
		                        </div>
		                        
		                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	票务详情：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{sku.ticketDesc}}
		                            </div>
		                        </div>
                            </fieldset>
                            
                            <fieldset>
                            	<legend><i class="icon-grid6"></i> 费用信息</legend>
                            	<div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	商品金额：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{fee.goodsMoney}}
		                            </div>
		                        </div>
                            	<div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	配送费用：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{fee.deliveryCosts}}
		                            </div>
		                        </div>
                            	<div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	折扣：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{fee.discountAmount}}
		                            </div>
		                        </div>
                            	<div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
		                            <label class="control-label col-xs-4 col-sm-4 col-md-3 col-lg-3  text-right">
		                            	支付金额：
		                            </label>
		                            <div class="col-xs-8 col-sm-8 col-md-9 col-lg-9">
		                                {{fee.payAmount}}
		                            </div>
		                        </div>
                            </fieldset>
                            
                            <!-- <fieldset>
                            	<legend><i class="icon-grid6"></i> 操作信息</legend>
                            </fieldset> -->
	
                            <div class="text-right">
			                     <button type="button" class="btn btn-primary submit">
			                     	确定 <i class="icon-arrow-right14 position-right"></i>
			                     </button>
	                        </div>
	                    </form>
	                </div>
                </div>
                <!-- Footer -->
	            <div class="footer text-muted" v-html="footer"></div>
	            <!-- /footer -->
            </div>
            <!-- /content area -->
        </div>
        <!-- /main content -->
    </div>
    <!-- /页面内容 -->
</div>
<!-- /页面容器 -->
</body>
</html>